.PC {
    display: none;
}

// 导航轮播
.M-index-swiper {
    overflow: hidden;
    width: 100%;
    background: #fff;
    img {
        width: 100%;
    }
}

.swiper-a {
    background: #fff;
    display: block;
    height: 85px/0.64*0.2666666;
    line-height: 85px/0.64*0.2666666;
    text-align: center;
    font-size: 24px/0.64*0.2666666;
    position: relative;
    span {
        font-size: 24px/0.64*0.2666666;
    }
    span:before {
        font-size: 24px/0.64*0.2666666;
        display: inline-block;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -moz-transform: rotate(180deg);
        /* Firefox */
        -webkit-transform: rotate(180deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(180deg);
    }
}

.popup {
    display: none;
    width: 100%;
    background: #fff;
    overflow-y: scroll;
    height: 80.8%;
    a {
        display: block;
        height: 99px/0.64*0.2666666;
        width: 708px/0.64*0.2666666;
        margin: 0 auto;
        border-bottom: 1px dashed #dddddd;
        line-height: 99px/0.64*0.2666666;
        font-size: 25px/0.64*0.2666666;
        color: #999999;
        -webkit-tap-highlight-color: transparent;
    }
    >a:nth-of-type(1) {
        color: #000;
    }
}

.overturn {
    span:before {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -webkit-transform: rotate(0deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(0deg);
    }
}

.swiper_a_border {
    color: #ff6767;
    span {
        color: #ff6767;
    }
}

.tanchu {
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(000, 000, 000, 0.5);
}

.sousuo {
    background: #fff;
    height: 90px/0.64*0.2666666;
    div {
        width: 708px/0.64*0.2666666;
        margin: 0 auto;
        padding-top: 10px/0.64*0.2666666;
        input {
            width: 632px/0.64*0.2666666;
            height: 55px/0.64*0.2666666;
            background-color: #eaeaea;
            border-radius: 27.5px/0.64*0.2666666;
            text-align: center;
            line-height: 55px/0.64*0.2666666;
            border: 0;
            outline: none;
            -webkit-appearance: none;
            font-size: 16px/0.64*0.2666666;
            color: #8f8f8f;
        }
        a {
            float: right;
            line-height: 55px/0.64*0.2666666;
            font-size: 25px/0.64*0.2666666;
            -webkit-tap-highlight-color: transparent;
        }
    }
}

// 内容
.m-neirong {
    width: 100%;
    padding-bottom: 25px/0.64*0.2666666;
    background: #f0f0f0;
    .m-for {
        width: 300px;
        margin: 0 auto;
        text-align: justify;
        >a {
            display: inline-block;
            width: 346px/0.64*0.2666666;
            margin-top: 20px/0.64*0.2666666;
            border-radius: 10px/0.64*0.2666666;
            border: solid 1px #d9d9d9;
            background: #fff;
            position: relative;
            .m-neirong-top {
                width: 300px/0.64*0.2666666;
                height: 257px/0.64*0.2666666;
                margin: 0 auto;
                padding-top: 40px/0.64*0.2666666;
                background: url('../../img/list/m_list.png') no-repeat;
                background-size: 100%;
                text-align: center;
                background-position-y: bottom;
                img {
                    height: 100%;
                }
            }
            .m-neirong-bottom {
                text-align: center;
                padding-bottom: 20px/0.64*0.2666666;
                .m-headline {
                    font-size: 25px/0.64*0.2666666;
                    color: #000000;
                    margin-top: 20px/0.64*0.2666666;
                    margin-bottom: 5px/0.64*0.2666666;
                } // 钻石
                .m-zuanshi {
                    span {
                        border-radius: 11px/0.64*0.2666666;
                        background-color: #d336ff;
                        font-size: 20px/0.64*0.2666666;
                        color: #fff;
                        padding: 0 10px/0.64*0.2666666;
                    }
                } // 铂金
                .m-bojin {
                    span {
                        border-radius: 11px/0.64*0.2666666;
                        background-color: #ff4c4c;
                        font-size: 20px/0.64*0.2666666;
                        color: #fff;
                        padding: 0 10px/0.64*0.2666666;
                    }
                } // 黄金
                .m-huangjin {
                    span {
                        border-radius: 11px/0.64*0.2666666;
                        background-color: #ff9f39;
                        font-size: 20px/0.64*0.2666666;
                        color: #fff;
                        padding: 0 10px/0.64*0.2666666;
                    }
                } // 没有
                .m-wu {
                    span {
                        font-size: 16px/0.64*0.2666666;
                        letter-spacing: 0px/0.64*0.2666666;
                        color: #d2d2d2;
                    }
                }
                .m-price {
                    margin-top: 7px/0.64*0.2666666;
                    font-size: 25px/0.64*0.2666666;
                    color: #595959;
                }
            }
        }
    }
}

.m-kong {
    text-align: center;
    padding-bottom: 100px/0.64*0.2666666;
    img {
        margin-top: 330px/0.64*0.2666666;
        width: 350px/0.64*0.2666666;
    }
    >p:nth-of-type(1) {
        margin-top: 30px/0.64*0.2666666;
        font-size: 14px;
        color: #959595;
    }
    >p:nth-of-type(2) {
        margin-top: 10px;
        font-size: 14px;
        color: #959595;
    }
}